import {Graph} from '@antv/x6'
import '@antv/x6-vue-shape'
import TaskNode from './lib/TaskNode.vue'

console.log('注册成功')
Graph.registerVueComponent(
  'custom-node', {
    width: 300,
    height: 80,
    shape: 'vue-shape',
    component: TaskNode
  }
)
//
// Graph.registerNode(
//   'custom-node',
//   {
//     width: 300,
//     height: 80,
//     attrs: {
//       body: {
//         stroke: '#5F95FF',
//         strokeWidth: 1,
//         fill: 'rgba(0,0,0,0.02)', // 背景颜色
//       },
//       image: {
//         'xlink:href':
//           'https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png',
//         width: 16,
//         height: 16,
//         x: 12,
//         y: 12,
//       },
//       title: {
//         text: 'Node',
//         refX: 40,
//         refY: 14,
//         fill: 'rgba(0,0,0,0.85)',
//         fontSize: 12,
//         'text-anchor': 'start',
//       },
//       text: {
//         text: 't哈哈',
//         refX: 40,
//         refY: 38,
//         fontSize: 12,
//         fill: 'rgba(0,0,0,0.6)',
//         'text-anchor': 'start',
//       },
//     },
//     markup: [
//       {
//         tagName: 'rect',
//         selector: 'body',
//       },
//       {
//         tagName: 'image',
//         selector: 'image',
//       },
//       {
//         tagName: 'text',
//         selector: 'title',
//       },
//       {
//         tagName: 'text',
//         selector: 'text',
//       },
//     ],
//   },
//   false,
// )
